<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8">
		<base href="/webproject/day03/">
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta name="viewport" content="width=device-width; initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<!-- 360高速模式-->
		<meta name="description" content="bootstrap基本模板">
		<meta name="author" content="chengt01">
		<meta name="keywords" content="bootstrap,html5,css3">
		<title>index</title>
		<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" href="../styles/site.css"/>
		<!--[if lt IE 9]>
		<script src="../scripts/html5.min.js"></script>
		<script src="../scripts/respond.min.js"></script>
		<![endif]-->
	</head>

	<body class="container">

		<header class="page-header">
			<h1 class="text-capitalize">glyphicon</h1>
		</header>
		<div>
			<!-- <button class="btn btn-default" type="button">
			<span class="sr-only glyphicon glyphicon-log-in"></span> Login
			</button>
			<button class="btn btn-danger" type="button">
			<span class="glyphicon glyphicon-log-out"></span> Logout
			</button> -->

			<div class="dropdown">
				<button data-toggle="dropdown" class="btn btn-default" type="button">
					员工管理<span class="caret"></span>
				</button>
				<ul class="dropdown-menu dropdown-menu-left">
					<li class="dropdown-header">
						<a href="javascript:void(0);">日常工作</a>
					</li>
					<li>
						<a href="javascript:void(0);">员工列表</a>
					</li>
					<li class="divider"></li>
					<li>
						<a href="javascript:void(0);">新增员工</a>
					</li>
					<li class="dropdown-header">
						<a href="javascript:void(0);">人事工作</a>
					</li>
					<li>
						<a href="javascript:void(0);">合同变迁</a>
					</li>
					<li class="disabled">
						<a href="javascript:void(0);">入职办理</a>
					</li>
				</ul>
			</div>
			<form class="navbar-form">
				<input id="name" type="text" class="form-control" placeholder="Enter name" />
				<button id="btnLogin" type="button" class="btn btn-primary btn-block">
					Login
				</button>
			</form>

		</div>
		<footer class="navbar-fixed-bottom label-info text-center">
			<p>
				Copyright  &copy;
				<abbr title="tarnna">hajiang</abbr>&trade; 2015 <span class="glyphicon glyphicon-copyright-mark"></span>
			</p>
		</footer>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
		<script>
			$(function() {
				$("#btnLogin").click(function() {
					if ($("#name").val() == "linda") {
						$(".dropdown-menu li:last").removeClass("disabled");
					} else {
						$(".dropdown-menu li:last").addClass("disabled");
					}
				});
			});
		</script>
	</body>
</html>
